<template>
  <el-container>
    <CommonHeader />
    <el-container>
      <CommonAside />

      <el-main>
        <el-skeleton v-if="count" />
        <router-view></router-view>
      </el-main>
      
      <CommonFooter />

    </el-container>
  </el-container>

</template>

<script lang="ts">
import { ref, defineComponent } from "vue";
import CommonHeader from '@/components/Common/CommonHeader.vue'
import CommonAside from '@/components/Common/CommonAside.vue'
import CommonFooter from '@/components/Common/CommonFooter.vue'

export default defineComponent({
  name: "Home",
  components: {
    CommonHeader,
    CommonAside,
    CommonFooter,
  },
  setup: () => {
    const count = ref(0);
    return {
      count,
    };
  },
  methods: {
  }
});
</script>

<style scoped>
</style>
